<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <p>欢迎学习{{message}}</p>
    <input type="text" placeholder="请输入" @keyup.enter="handle">
</div>
<script src="../JavaScript/vue.js"></script>
<script>
    /*
   在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符
   为了在必要的情况下支持旧浏览器，Vue 提供了绝大多数常用的按键码的别名：
      .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right
  */
    const vm = new Vue({
        el: "#app",
        data: {
            message: "Vue"
        },
        methods: {
            handle(e) {
                console.log(e.target.value)
            }
        }
    })
</script>
</body>
</html>
